<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>search</title>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<style type="text/css">
body{
 posiition；relative;

}
.formdiv{margin-left:40%}

.input{
  position:absolute;
  top:50px;
  left:40%;
}

.dataArea{
   position:absolute;
  top:72px;
  left:40%;
  border:1px;
  width:167px;
  background-color:#FFECF5;
}
</style>
</head>
<body>
   <div class="formdiv">
    <input class="input" type="text" id="areaIn" name="areaName" oninput="" />
    <div id="dataDiv" class="dataArea">
       <ul id="ul"></ul>
    </div>   
   </div>
<script type="text/javascript" src="search.js"></script>
</body>


</html>